import { useRef } from "react"

const Fetchobject = () => {
  // 使用 useRef 钩子，只能用于函数组件或者自定义钩子
  // 只能在函数组件中调用
  const h2Ref = useRef() // 创建一个容器

  const getDom = () => {
    // console.log('h2Ref', h2Ref)
    h2Ref.current.innerText = 'FetchDomOject成功'
  }
  return <div>
    <h2 ref={h2Ref}>FetchDomOject</h2>
    <button onClick={getDom}>获取DOM</button>
  </div>
}
export default Fetchobject